<script lang="ts" setup>
  import { computed } from 'vue'

 const props = defineProps({
    top: {
      type: Number,
      default: 0
    },
    size: {
      type: String,
      default: 'default'
    }
  })
  const domStyle = computed(() => {
    return {
      top: (-props.top) + 'px',
      transform: props.size === 'small' ? 'scale(0.5, 0.5)' : 'scale(1, 1)'
    }
  })


</script>

<template>
  <div class="app-loader-wrapper" :style="domStyle">
    <div class="loader" />
  </div>
</template>
